<template>
    <div>
        <p class="article">
            <router-link :to="addr" v-text="text"></router-link>
        </p>
    </div>
</template>

<script type="text/ecmascript-6">
    export default{
        components: {},
        props:{
            text:{
                type:String,
                default:'aaaaa'
            },
            addr:{
                type:String
            }
        },
        data () {
            return {}
        },
        methods: {},
        created(){

        },
        munted(){

        }
    }
</script>

<style scoped>
    .article{
        border-bottom:1px solid #dcdee2;
        line-height:2.0;
        padding:6px 0;
        margin-bottom:4px;
    }

    .article:hover{
        background-color: #f3f3f3;
    }
</style>